<template>
    <div class="up">
        <van-cell-group inset>
            <van-cell title="修改密码" is-link to="" />
            <van-cell title="公开简历">
                <template #right-icon>
                    <van-switch
                        active-color="red"
                        v-model="checked"
                        size="24"
                    />
                </template>
            </van-cell>
            <van-cell title="公开个人信息">
                <template #right-icon>
                    <van-switch active-color="red" v-model="checke" size="24" />
                </template>
            </van-cell>
        </van-cell-group>
        <van-button type="danger" round block>退出登录</van-button>
    </div>
</template>

<script>
import { ref } from "vue";

export default {
    setup() {
        const checked = ref(false);
        const checke = ref(true);
        return {
            checked,
            checke,
        };
    },
};
</script>

<style scoped>
.van-cell-group {
    margin: 20px;
    box-shadow: var(--main-shadow);
}

.van-cell::after {
    border: 1px solid rgba(255, 255, 255, 0.6);
}
.van-button {
    margin: 20px;
    box-shadow: var(--main-shadow);
    width: 90%;
}
</style>
